<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<style>
	.loveleft{
		width:200px;
     	height:200px;
     	margin-top: 140px;
     	margin-left: 240px;
     	position: absolute;
     	background-color: red;
        border-radius: 50%;
        animation:myfirst1 3s infinite;
         box-shadow: 10px 10px 10px 10px #888;
	}
	.loveright{
		width:200px;
     	height:200px;
     	margin-top: 140px;
     	margin-left: 360px;
     	position: absolute;
     	background-color: red;
        border-radius: 50%;
        animation:myfirst3 3s infinite;
        box-shadow: 5px 5px 5px 5px #888;
        background: -webkit-linear-gradient(left, red , blue); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(right, red, blue); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(right, red, blue); /* Firefox 3.6 - 15 */
  background: linear-gradient(to right, red , blue); 
	}
     .love{
     	width:200px;
     	height:200px;
     	transform:rotate(45deg);
     	background-color: red;
     	margin-left:300px;
     	margin-top: 199px;
     	position: absolute;
     	animation:myfirst 3s infinite;
     	box-shadow: 10px 10px 10px #888;
     	background: -webkit-linear-gradient(left, red , green); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(right, red, green); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(right, red, green); /* Firefox 3.6 - 15 */
  background: linear-gradient(to right, red , green); 
     }
     @keyframes myfirst1
{
	0%   { width:200px;height:200px;}
	50% {width:300px;height:300px;margin-top: 108px;margin-left: 208px}
	100% { width:200px;height:200px;}
}
 @keyframes myfirst3
{
	0%   { width:200px;height:200px;}
	50% {width:300px;height:300px;margin-top: 108px;margin-left: 392px}
	100% { width:200px;height:200px;}
}
 @keyframes myfirst
{
	0%   { width:200px;height:200px;}
	50% {width:300px;height:300px;}
	100% { width:200px;height:200px;}
}
	</style>
</head>
<body>
	<div class="loveleft">
	</div>
	<div class="loveright">
	</div>
	<div class="love">
	</div>
</body>
</html>